.task-box {
  height: calc(100vh - 90px);
  overflow: auto;

  .table-box {
    margin: 10px;

    .table-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
      border-radius: 5px;
      height: 85px;
      font-size: 15px;
      box-sizing: border-box;
      background-color: #86D794;



      .left {
        display: flex;
        align-items: center;
        width: 100%;

        .image {
          width: 30px;
          height: 30px;
        }

        &-value {
          margin-left: 5px;
          width: 100%;
          font-weight: 600;

          >view {
            width: 96%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }

          .type {
            font-size: 12px;
            margin-top: 5px;
            position: relative;
            font-weight: normal;

            .priority {
              position: absolute;
              right: 0;

              .image {
                margin-left: 5px;
                width: 15px;
                height: 15px;
              }
            }
          }
        }
      }

      .right {

        .image {
          margin-left: 5px;
          width: 15px;
          height: 15px;
        }

        .error-time {
          color: red;
        }

        .time {
          font-size: 16px;
          width: 100%;
          text-align: right;
          font-weight: 600;
          white-space: nowrap;
        }

        >view:nth-last-of-type(1) {
          margin-top: 5px;
          text-align: right;
        }
      }
    }

    .op-box {
      width: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: $color-fff;
    }
  }
}